<div class="am-cf am-padding-xs am-padding-bottom-0">
	<div class="am-fl am-cf">
		<strong class="am-text-primary am-text-lg">前端示例Layui</strong> / <small>首页</small>
	</div>
	<div class="am-fr am-cf">
		<button type="button" class="am-btn am-btn-xs am-btn-primary" id="refreshBtn">
			<i class="am-icon-refresh"></i>&nbsp;刷新
		</button>
	</div>
</div>
<hr class="am-margin-xs"/>
<ul class="am-avg-sm-1 am-avg-md-4 am-margin-xs am-padding-xs am-text-center admin-content-list ">
	<li>
		<a href="javascript:void(0);" class="am-text-success">
			<span class="am-icon-btn am-icon-user"></span><br />
			指标一<br />
			<span id="keySize"></span>
		</a>
	</li>
	<li>
		<a href="javascript:void(0);" class="am-text-warning">
			<span class="am-icon-btn am-icon-briefcase"></span><br />
			指标二<br />
			<span id="clientSize"></span>
		</a>
	</li>
	<li>
		<a href="javascript:void(0);" class="am-text-danger">
			<span class="am-icon-btn am-icon-recycle"></span><br />
			指标三<br />
			<span id="masterSize"></span>
		</a>
	</li>
	<li>
		<a href="javascript:void(0);" class="am-text-secondary">
			<span class="am-icon-btn am-icon-user-md"></span><br />
			指标四<br />
			<span id="slaveSize"></span>
		</a>
	</li>
</ul>
<div class="am-g">
	<div class="am-u-md-12 am-padding-xs">
		<div class="am-panel am-panel-default">
			<div class="am-panel-hd am-cf" data-am-collapse="{target: '#collapse-panel-4'}">
				消息<span class="am-icon-chevron-down am-fr"></span>
			</div>
			<div id="collapse-panel-4" class="am-panel-bd am-collapse am-in">
				<ul class="am-list admin-content-task">
					<li>
						<div class="admin-task-meta">2017-12-19 14:35:23 admin</div>
						<div class="admin-task-bd">
							v1.0.0：<br/>
							基础模板，主要包含表格和表单页面
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>
<script>
(function(){
	$('#refreshBtn').on('click', function(){
		layer.msg('refresh home datas');
	});
})();
</script>